/*
# Rocket viewer is (c) BCNMedTech, UNIVERSITAT POMPEU FABRA
#
# Rocket viewer is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# Rocket viewer is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
#
# Authors:
# Carlos Yagüe Méndez
# María del Pilar García
# Daniele Pezzatini
# Contributors: 
# Sergio Sánchez Martínez
*/

$slider-background: #646464;
$rkt-green-color:#00B04C;
$purpleMain: #443363; //rgb(110, 83, 158);
$purpleHover:#a58cd8;

.container-stats {
    background-color: #646464; //rgba(76, 222, 82, 0.2);
    overflow: hidden;

    .loading-progress-bar{
        height: 5px;
        overflow: hidden;
        //background-color: $purpleMain; // IT DOES NOT WORK
    }

    .folder-info{
        h4 {
            color: black;
            padding: 10px;
        }
    }

    .load-images-info-button {

        padding: 12px;
        right: 0px;
        //font-size: .9rem;
        display: inline-block;
        height: fit-content;
        background: $purpleMain;//#00558b;//#333
        margin: 0px;
        overflow: hidden;
        color: #ffffff;

        &:focus, &:hover {
            background: #6f579a;//#004876;
            color: #fff;
        }
                 
    }
    
    .stat-item {
        display: inline-block;
        padding: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        overflow: hidden;

        .name-stat-item {
            padding: 5px;
            color: white;
            background-color: $purpleMain; //#00558b;
        }

        .number-stat-item {
            padding: 5px;
            color: white;
            background-color: #333;
        }
    }

    .menu{
        padding-right: 20px;
        a{
            font-size: 25px;
            padding: 5px;
            color:white;
            &:hover{
                color:$purpleHover;
            }
        }
    }
    
}